<template>
    <div class="one">
    <section>
    <p @click="back">⬅</p>
     <div class="wow">
        <b>用户反馈</b>
     </div>
    </section>
    <textarea cols="45" rows="9" class="text">请详细描述您的问题,不低于10个字</textarea>
    <p class="bottom">0/200</p>
    <button class="btn" @click="commit(index)">提交</button>

    </div>
</template>
<script>
 export default{

    data(){
        return{
           txt:'',//文本与内容
        }
    },
    methods:{
        back(){
            this.$router.back();
        },
        commit(i){
             console.log(i);  
        }
    }
 }
</script>
<style lang="scss" scoped>
.one{
    height:100%;
    width:100%;
    position:relative;
}
section{
    width:100%;
    height:80px;
    background-color: red;
    display:flex;
  
    p{
        width:50px;
        height:30px;
        color:white;
        line-height: 80px;
        margin-left: 10px;
    }
    .wow{
        width:150px;
        height:30px;
        border-left:1px solid white;
        text-align: center;
        margin-top: 25px;
        b{
        color:white;
    }
    }
   
}
.text{
    margin-left: 4px;
    margin-top: 20px;
    border: 1px solid gray;
   
   
}
.bottom{
     position:absolute;
     right:30px;
     bottom:400px;
}
.btn{
  width:98%;
  height:50px;
  text-align: center;
  margin-left: 5px;
  margin-top: 10px;
  background-color: red;
  border-radius: 5px;
  border:none;
  color:white;
}
</style>